<template>
    <div style="background: #fff;" class="dt" ref='width'  v-if='data' :style="{'min-height':bodyheight+'px'}">
    	<div style="background: #fff;padding-bottom: 7rem;">
    		<div class="dtdatil_title flex align_center">
				<i class="el-icon-arrow-left" style="float: left;margin-left: 4%;font-size: 1.8rem;" @click="fh"></i>
				<span class="flex1">{{data.username}}</span>
				<i class="el-icon-arrow-left" style="float: right;margin-right: 4%;font-size: 1.8rem;opacity: 0;" @click="fh"></i>
			</div>
			<div class="xiaoxi2">
	     		<div class="flex" style="margin-bottom: 1rem;">
	     			<div class="xiaoxi2_img" @click.stop="jump2(data.uid)">
		     			<img :src="data.head_img_s"  @error='(e)=>{e.target.src="../../../../static/img/images/people.jpg"}' />
		     		</div>
		     		<div class="xiaoxi2_text flex1">
		     			<div class="xiaoxi2_d1 flex align_center">
		     				<p class="xiaoxi2_p1 flex1">
		     					<span>{{data.username}}</span>
		     					<span style="color: #fff;background: #4297ff;font-size: 1.2rem;padding: 1px 2px 0 2px;border-radius: 2px;margin-left: 3px;" v-if="data.is_member_code!=0">实名</span>
		     				</p>
		     				<p class="xiaoxi2_p2">{{data.time_name}}</p>
		     			</div>
		     			<div class="xiaoxi2_d2" style="height: 1.5rem;line-height: 1.5rem;">
		     				<div class="xiaoxi2_d3 flex align_center" style="background: #feb3c5;" v-if="data.gender=='2'">
		     					<img src="../../../../static/img/images/dt2.png" />
		     					{{data.age}}岁
		     				</div>
		     				<div class="xiaoxi2_d3 flex align_center" style="background: #aec7f2;" v-else>
		     					<img src="../../../../static/img/images/dt3.png" />
		     					{{data.age}}岁
		     				</div>
		     				
		     				<div class="xiaoxi2_d3" style="background: #b042ff;" v-if="data.jw_purpose==1">
		     					交友
		     				</div>
		     				<div class="xiaoxi2_d3" style="background: #b042ff;" v-if="data.jw_purpose==2">
		     					婚恋
		     				</div>
		     				<div class="xiaoxi2_d3" style="background: #b042ff;" v-if="data.jw_purpose==3">
		     					学习
		     				</div>
		     			</div>
		     		</div>
	     		</div>
	     		<div class="dt_text" v-html="data.d_content" style="margin-bottom: 0.6rem;">
	     			{{data.d_content}}
	     		</div>
	     		<div class="flex" v-if="data.music_data.length!=0" style="padding: 0.5rem;margin-bottom: 1rem;background: #f5f5f5;" @click.stop="yybftrue(data.music_data.audio_url)">
	     			<div class="xiaoxi2_img" style="width: 5rem;height: 5rem;border-radius: 0;">
		     			<img :src="data.music_data.image_url"  @error='(e)=>{e.target.src="../../../../../static/img/images/dataerror3.png"}' />
		     			<div class="yybf flex align_center justify_cen">
							<span style="border: 1px solid #fff;border-radius: 100px;">
								<i :class="data.music_data.yybfTrue?'autobf':'el-icon-caret-right'" ></i>
							</span>	
						</div>
		     		</div>
		     		<div class="xiaoxi2_text flex1">
		     			<div class="xiaoxi2_d1 flex align_center" style="margin-top: 0.5rem;">
		     				<p class="xiaoxi2_p1 flex1">
		     					<span>{{data.music_data.song_name}}</span>
		     				</p>
		     			</div>
		     			<div class="xiaoxi2_d2">
		     				{{data.music_data.singer_name}}
		     			</div>
		     		</div>
	     		</div>
	     		<div class="dt_img clear2" v-if="data.img_url_list.length!=0" >
	     			<div class="clear2" v-if="data.img_url_list.length!=1">
	     				<div v-for="(data2,key2) in data.img_url_list" class="clear2 dt_imgdiv" style="float: left;" @click.stop="imageClick(data.img_url_list,key2)" > 
		     				<img :src="data2.img_url_s" :style="{'height':imgheight+'px'}"  @error='(e)=>{e.target.src="../../../../../static/img/images/dataerror3.png"}'  />
		     			</div>
	     			</div>
	     			<div class="clear2" v-else>
	     				<div v-for="(data2,key2) in data.img_url_list" class="clear2 dt_imgdiv imgone" style="float: left;" @click.stop="imageClick(data.img_url_list,key2)" > 
		     				<img :src="data2.img_url_s" :style="{'height':imgheight2+'px'}"  @error='(e)=>{e.target.src="../../../../../static/img/images/dataerror3.png"}'  />
		     			</div>
	     			</div>
	     		</div>
	     			
	     		<div class="dt_location" v-if='data.d_address!=null && data.d_address!=""'>
	     			{{data.d_address}}
	     		</div>
	     		
	     		<div class="dt_stus flex align_center">
	     			<div class="dt_stusd1 ">
	     				浏览  {{data.cou}}
	     			</div>
	     			<div class="dt_stusd2 flex align_center" @click="plType=1">
	     				<img src="../../../../static/img/images/dt6.jpg" />
	     			</div >
	     			<div class="dt_stusd2 flex align_center" @click.stop="zan">
	     				<img :src="data.isgood==1?'../../../../static/img/images/dt2_f2.jpg':'../../../../static/img/images/dt7.jpg'" />
	     			</div>
	     			
	     			<div class="flex1" style="text-align: right;font-size: 1.5rem;" >
	     				<i class="el-icon-more" @click.stop="messageClick(data,1)"></i>
	     			</div>
	     			
	     		</div>
	     		<div style="width: 100%;padding: 1rem 0 2rem 0;" @click.stop="shang(data)">
	     			<img src="../../../../static/img/images/dt2_ds.jpg" style="width: 3rem;text-align: center;display: block;margin: 0 auto;" />
	     			<p style="font-size: 1.3rem;color:#8f8f8f;text-align: center;">{{data.reward_count}}次打赏</p>
	     		</div>
	     		<div v-if="data.reward_img_list.length!=0" style="text-align: center;">
	     			<img :src='data1' v-for="(data1,key) in data.reward_img_list" style="width: 3.5rem;height: 3.5rem;border-radius: 3.5rem;object-fit: cover;display: inline-block;margin: 0 0.5rem 0.5rem 0.5rem;"/>
	     		</div>
	     		<div class="clear2 " style="font-size: 1.3rem; color: #505050;height: 2rem;padding-bottom: 0.5rem;">
	     			<span style="border-bottom: 1px solid #b042ff;margin: 0 1rem 0 0;display: inline-block;height: 100%;padding-bottom: 0.5rem;">全部评论({{data.speak_count}})</span>
	     			<span>赞({{data.good}})</span>
	     			<div @click="getDynamicSpeakList(1)" style="white-space: nowrap;float: right;font-size: 1.3rem;color: #4297ff;height: 2rem;" class="flex align_center">
	     				<img style="margin: 0.25rem 0.5rem 0.25rem 0;height: 1rem;" :src='order==1?"../../../../static/img/images/dt2_zx.jpg":"../../../../static/img/images/dt2_dx.jpg"' />
	     				顺序
	     			</div>
	     		</div>
	     		<div class="dt_people" v-if='speak_list.length!=0' style="border-top: 1px solid #eeeeec;">
	     			<div class="dt_peopled1 clear2 " v-for="(data3,key3) in speak_list">
	     				<div class="flex">
	     					<div class="dt_peopleimg">
		     					<img :src="data3.head_img_s" @error='(e)=>{e.target.src="../../../../../static/img/images/people.jpg"}'  />
		     				</div>
		     				<div class="dt_peopletext flex1">
		     					<div class="dt_peoplep1">{{data3.username}}
		     						<div  style="text-align: right;font-size: 1.5rem;float: right;" >
					     				<i class="el-icon-more" @click.stop="messageClick(data3,2)"></i>
					     			</div>
		     					</div>
		     					<p class="dt_peoplep2" >{{data3.type==2?'回复':''}}<span style="color: #a9a9a9;font-size: 1.2rem;padding: 0 0.5rem;" v-if="data3.type==2">{{data3.type==2?data3.p_username+':':''}}</span><span v-html="data3.content"></span></p>
		     				</div>
	     				</div>
	     				<div class="flex" style="margin-top: 0.5rem;">
	     					<div style="width: 3.5rem;height: 2.5rem;"></div>
	     					<div style="border-bottom: 1px solid #e5e5e5;" class="clear2 flex1">
		     					<span style="float: left;font-size: 1.2rem;color: #a9a9a9;display: inline-block;line-height: 2.5rem;">{{data3.time_name}}</span>
				     			<div class="dt_stusd2 flex align_center"  style="float: right;" @click="zan2(data3)">
				     				<img :src="data3.is_good_zan==1?'../../../../static/img/images/dt2_f2.jpg':'../../../../static/img/images/dt7.jpg'" />
				     				 {{data3.zan==0?"赞":data3.zan}}
				     			</div>
				     			<div class="dt_stusd2 flex align_center" style="float: right;" @click="huifu(data3)">
				     				<img src="../../../../static/img/images/dt6.jpg" />
				     			</div >
		     				</div>	
	     				</div>
	     			</div>
	     			<p style="color: #8f8f8f;font-size: 1.3rem;text-align: center;">没有更多评论</p>
	     			
	     		</div>
	     		<div v-else style="border-top: 1px solid #eeeeec;height: 6rem;text-align: center;line-height: 6rem;color: #8f8f8f;font-size: 1.3rem;">
	     			暂无评论
	     		</div>
	     		
	     	</div>
	     	<div class="dt2_footer">
	     		<div class="flex align_center">
	     			<div class="flex1 dt2_footerinput flex align_center">
		     			<input :placeholder="placeholder" type="text" @keyup.enter='pinglun' v-model="content" @focus="scoll" />
		     		</div>
		     		<div class="dt2_footerimg" @click="tabI=!tabI">
		     			<img :src="!tabI?'../../../../static/img/images/dt_bq1.png':'../../../../static/img/images/dt_bq2.png'" />
		     		</div>
		     		
	     		</div>
	     		<div style="width: 100%;height: 180px;margin-top: 1rem;" v-show="tabI">
					<mt-swipe :auto="0">
						<mt-swipe-item v-for='(data,key) in bqlistLength' :key='key'>
							<div class="biaoqingdiv2" @click='clickbq($event)' v-for="(data2,key2) in bqlist" v-if='key2<((bodyWidth-1)*(key-1+2))&&key2>((bodyWidth-1)*key-1)'>
								<img :id="data2.name" :src="data2.url">
							</div>
							<div style="width: 24px;height: 24px;font-size: 18px;" class="biaoqingdiv2" @click='clickbqsc()'>
								<img src="../../../../static/img/images/shanchu2.png" />
							</div>
						</mt-swipe-item>
					</mt-swipe>
	
				</div>
	     	</div>
	     	
	     	<div @click.stop="show=false" class="messagelistshow" :style="{'height':bodyheight+'px'}" v-if="show"></div>
	     	<transition name="el-zoom-in-bottom">
		        <div v-show="show" class="messagelist">
		        	<div class="messagelistd">
		        		<p @click="message(1)" :class="messageData.set_alone.is_disturb==1?'hui2':''">消息免打扰</p>
		        		<p @click="message(2)" :class="messageData.set_alone.is_shield==1?'hui2':''">屏蔽TA的动态</p>
		        		<p @click="message(4)" >投诉</p>
		        		<p v-if="scyz2()" @click="message(5)" >禁言</p>
		        		<p @click="message(3)" :class="messageData.set_alone.is_black==1?'hui2':''">拉黑</p>
		        		<p v-if="scyz2()" @click="message(6)" >冻结</p>
		        		<p v-if="scyz()" @click="message(7)" style="color: #ff4242;">删除</p>
		        		
		        	</div>
		        	<div class="messagelistd">
		        		<p @click="show=false">取消</p>
		        	</div>
		        </div>
		    </transition>
    	</div>
    </div>
</template>

<script>
	let emotions = {
        "0": ["[微笑]", "../../../../static/web/img/mmbq/001.png"],
        "1": ["[偷笑]", "../../../../static/web/img/mmbq/002.png"],
        "2": ["[大哭]", "../../../../static/web/img/mmbq/003.png"],
 	"3": ["[发怒]", "../../../../static/web/img/mmbq/003.png"],
        "4": ["[憨笑]", "../../../../static/web/img/mmbq/004.png"],
        "5": ["[流泪]", "../../../../static/web/img/mmbq/005.png"],
        "6": ["[流汗]", "../../../../static/web/img/mmbq/006.png"],
        "7": ["[呲牙]", "../../../../static/web/img/mmbq/007.png"],
        "8": ["[晕]", "../../../../static/web/img/mmbq/009.png"],
        "9": ["[傲慢]", "../../../../static/web/img/mmbq/010.png"],
        "10": ["[色]", "../../../../static/web/img/mmbq/011.png"],
        "11": ["[快哭了]", "../../../../static/web/img/mmbq/012.png"],
        "12": ["[亲亲]", "../../../../static/web/img/mmbq/013.png"],
        "13": ["[抓狂]", "../../../../static/web/img/mmbq/014.png"],
        "14": ["[抠鼻]", "../../../../static/web/img/mmbq/015.png"],
        "15": ["[撇嘴]", "../../../../static/web/img/mmbq/016.png"],
        "16": ["[鼓掌]", "../../../../static/web/img/mmbq/017.png"],
        "17": ["[坏笑]", "../../../../static/web/img/mmbq/018.png"],
        "18": ["[惊恐]", "../../../../static/web/img/mmbq/019.png"],
        "19": ["[愤怒]", "../../../../static/web/img/mmbq/020.png"],
        "20": ["[委屈]", "../../../../static/web/img/mmbq/021.png"],
        "21": ["[睡觉]", "../../../../static/web/img/mmbq/022.png"],
        "22": ["[困]", "../../../../static/web/img/mmbq/023.png"],
        "23": ["[哀]", "../../../../static/web/img/mmbq/024.png"],
        "24": ["[疑问]", "../../../../static/web/img/mmbq/025.png"],
        "25": ["[调皮]", "../../../../static/web/img/mmbq/026.png"],
        "26": ["[敲打]", "../../../../static/web/img/mmbq/027.png"],
        "27": ["[吐]", "../../../../static/web/img/mmbq/028.png"],
        "28": ["[害羞]", "../../../../static/web/img/mmbq/029.png"],
        "29": ["[闭嘴]", "../../../../static/web/img/mmbq/030.png"],
        "30": ["[阴险]", "../../../../static/web/img/mmbq/031.png"],
        "31": ["[尴尬]", "../../../../static/web/img/mmbq/032.png"],
        "32": ["[右哼哼]", "../../../../static/web/img/mmbq/033.png"],
        "33": ["[左哼哼]", "../../../../static/web/img/mmbq/034.png"],
        "34": ["[嘘]", "../../../../static/web/img/mmbq/035.png"],
        "35": ["[发呆]", "../../../../static/web/img/mmbq/036.png"],
        "36": ["[得意]", "../../../../static/web/img/mmbq/037.png"],
        "37": ["[白眼]", "../../../../static/web/img/mmbq/038.png"],
        "38": ["[糗大了]", "../../../../static/web/img/mmbq/039.png"],
        "39": ["[酷]", "../../../../static/web/img/mmbq/040.png"],
        "40": ["[哈欠]", "../../../../static/web/img/mmbq/041.png"],
        "41": ["[谩骂]", "../../../../static/web/img/mmbq/042.png"],
        "42": ["[可怜]", "../../../../static/web/img/mmbq/043.png"],
        "43": ["[惊吓]", "../../../../static/web/img/mmbq/044.png"],
        "44": ["[难过]", "../../../../static/web/img/mmbq/045.png"],
        "45": ["[奋斗]", "../../../../static/web/img/mmbq/046.png"],
        "46": ["[炸弹]", "../../../../static/web/img/mmbq/047.png"],
        "47": ["[咖啡]", "../../../../static/web/img/mmbq/048.png"],
        "48": ["[礼品]", "../../../../static/web/img/mmbq/049.png"],
        "49": ["[玫瑰]", "../../../../static/web/img/mmbq/050.png"],
        "50": ["[凋谢]", "../../../../static/web/img/mmbq/051.png"],
	"51": ["[愉快]", "../../../../static/web/img/mmbq/052.png"],
        "52": ["[爱心]", "../../../../static/web/img/mmbq/053.png"],
        "53": ["[心碎]", "../../../../static/web/img/mmbq/054.png"],
        "54": ["[示爱]", "../../../../static/web/img/mmbq/055.png"],
        "55": ["[太阳]", "../../../../static/web/img/mmbq/056.png"],
        "56": ["[月亮]", "../../../../static/web/img/mmbq/057.png"],
        "57": ["[蛋糕]", "../../../../static/web/img/mmbq/058.png"],
        "58": ["[闪电]", "../../../../static/web/img/mmbq/059.png"],
        "59": ["[OK]", "../../../../static/web/img/mmbq/060.png"],
        "60": ["[勾引]", "../../../../static/web/img/mmbq/061.png"],
        "61": ["[强]", "../../../../static/web/img/mmbq/062.png"],
        "62": ["[弱]", "../../../../static/web/img/mmbq/063.png"],
	"63": ["[胜利]", "../../../../static/web/img/mmbq/064.png"],
 	"64": ["[抱拳]", "../../../../static/web/img/mmbq/065.png"],
	"65": ["[握手]", "../../../../static/web/img/mmbq/066.png"],
	"66": ["[刀]", "../../../../static/web/img/mmbq/067.png"],
	"67": ["[惊讶]", "../../../../static/web/img/mmbq/068.png"],
	"68": ["[篮球]", "../../../../static/web/img/mmbq/069.png"],
	"69": ["[足球]", "../../../../static/web/img/mmbq/070.png"],
 	"70": ["[乒乓]", "../../../../static/web/img/mmbq/071.png"],
	"71": ["[米饭]", "../../../../static/web/img/mmbq/072.png"],
	"72": ["[西瓜]", "../../../../static/web/img/mmbq/073.png"],
 	"73": ["[便便]", "../../../../static/web/img/mmbq/074.png"],
 	"74": ["[冷汗]", "../../../../static/web/img/mmbq/075.png"],
	"75": ["[再见]", "../../../../static/web/img/mmbq/076.png"],
	"76": ["[饥饿]", "../../../../static/web/img/mmbq/077.png"],
	"77": ["[擦汗]", "../../../../static/web/img/mmbq/078.png"],
	"78": ["[悠闲]", "../../../../static/web/img/mmbq/079.png"],
	"79": ["[疯了]", "../../../../static/web/img/mmbq/080.png"],
 	"80": ["[骷髅]", "../../../../static/web/img/mmbq/081.png"],
 	"81": ["[菜刀]", "../../../../static/web/img/mmbq/082.png"],
 	"82": ["[瓢虫]", "../../../../static/web/img/mmbq/083.png"],
 	"83": ["[拥抱]", "../../../../static/web/img/mmbq/084.png"],
 	"84": ["[拳头]", "../../../../static/web/img/mmbq/085.png"],
 	"85": ["[差劲]", "../../../../static/web/img/mmbq/086.png"],
	"86": ["[爱你]", "../../../../static/web/img/mmbq/087.png"],
	"87": ["[不]", "../../../../static/web/img/mmbq/088.png"],

    };
	import Vue from 'vue';
	import { Toast } from 'mint-ui';
    export default {
        data: function(){
            return {
            	tabI:false,
            	placeholder:'发布评论',
            	show:false,
            	bodyheight:0,
            	imgheight2:0,
                choseI:1,
                imgheight:0,
                num:1,
                dtList:[],
                sw:true,
                fullscreenLoading: true,
                loading:{},
                yybfTrue:false,
                yymusic:'',
                messageData:{
                	set_alone:{
                		is_disturb:1,
                		is_shield:1,
                		is_black:1
                	}
                },
                messageDataType:1,
                data:{
                	'img_url_list':[],
                	'music_data':[],
                	'reward_img_list':[],
                },
                order:1,
                speak_list:[],
                content:'',
                plType:1,
                hfdata:{},
                bqlistLength:0,
                bqlist:[],
                plTrue:false,
            }
        },
        watch:{
        	plType(val){
        		if(val==1){
        			this.placeholder='发布评论';
        		}
        		else{
        			this.placeholder='回复'+this.hfdata.username;
        		}
        	}
        },
        mounted(){
        	this.imgheight2=document.body.offsetWidth*0.93*0.5;
        	this.bodyheight=document.body.offsetHeight;	
        	this.imgheight=document.body.offsetWidth*0.95*0.32;
        	this.getDynamicList();
        	this.getDynamicSpeakList();
        	this.bqurl();
        	
            
        },
      
        
        methods: {
        	jump2(id){
				this.$router.push({
					path: '/wode/wdzy',
					query: {
						'id':id
					}
				})
			},
        	imageClick(imgObj,key) {
			    let imgArray = [];
			    for( let i in imgObj){
			    	imgArray.push(imgObj[i].img_url);
			    }
			 	
			    
			    WeixinJSBridge.invoke('imagePreview', {   
			        'current' : imgArray[key],  
			        'urls' : imgArray  
			    });  
			},
        	shang(Data){
        		this.$router.push({
					path: '/ds',
					query:{
						'Data':JSON.stringify(Data),
					}
				})
        	},
        	scoll(){
        		let _this =this;
        		setTimeout(function(){
        			document.documentElement.scrollTop= 10000000;
	        		document.body.scrollTop=10000000;
	        		_this.tabI=false;
        		},500)
        	},
        	bqurl(){
				let body_width=(window.screen.width*0.95-20)/44;
				console.log(body_width)
				body_width=parseInt(body_width)*3;
				this.bodyWidth=body_width;
				let html_list =[];
				for(let i in emotions){
					html_list.push({
						'name':emotions[i][0],
						'url':emotions[i][1]
					})
				}
				this.bqlist=html_list
				let Length=0;
				Length=html_list.length/body_width;
				this.bqlistLength=Math.ceil(Length);
			},
        	clickbq(event) {
				this.content=this.content+event.target.children[0].id
			},
			clickbqsc(){
				let html_data = this.content;
				html_data=html_data.substring(0,html_data.lastIndexOf('['))
				this.content=html_data;
			},
			scyz2(){
        		if(window.uid==7){
        			return true;
        		}
        		else{
        			return false;
        		}
        	},
        	scyz(){
        		if(this.messageData.uid==window.uid||window.uid==7){
        			return true;
        		}
        		else{
        			return false;
        		}
        	},
        	
        	huifu(data){
        		this.plType=2;
                this.hfdata=data;
                this.placeholder='回复'+this.hfdata.username;
        	},
        	pinglun(){
        		if(this.plTrue){
        			return false;
        		}
        		
        		let model={};
        		if(this.plType==1){
        			model={
        				'uid':window.uid,
        				'type':this.plType,
        				'title_id':this.data.d_id,
        				'content':this.content
        			}
        		}
        		else{
        			model={
        				'uid':window.uid,
        				'pid':this.hfdata.id,
        				'type':this.plType,
        				'title_id':this.data.d_id,
        				'content':this.content
        			}
        		}
        		this.plTrue=true;
        		this.$http.post(this.defines.speakDynamic, model, {
						emulateJSON: true
					})
					.then(
						(data) => {
							
							if(data.data.success){
								this.plTrue=false;
								this.order=1;
								this.content='';
								this.plType=1;
								this.getDynamicSpeakList();
								this.getDynamicList();
								
							}
							else{
								Toast(data.data.errmsg);
							}
						},
						(error) => {
							console.log(error);
						}
					);
        	},
        	getDynamicSpeakList(type){
        		if(type==1){
					if(this.order==2){
        				this.order=1;
	        		}
	        		else{
	        			this.order=2;
	        		}
				}
        		this.$http.post(this.defines.getDynamicSpeakList, {
						uid: window.uid,
						dy_id:this.$route.query.dy_id,
						order:this.order
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							
							if(data.data.success){
								this.speak_list=data.data.data.list
								
								
							}
							else{
								Toast(data.data.errmsg);
							}
						},
						(error) => {
							console.log(error);
						}
					);
        	},
        	zan2(data){
        		this.$http.post(this.defines.goodsSpeak, {
						uid: window.uid,
						pid:data.id,
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							
							if(data.data.success){
								this.getDynamicSpeakList()
							}
							else{
								Toast(data.data.errmsg);
							}
						},
						(error) => {
							console.log(error);
						}
					);
        	},
        	zan(){
        		
        		this.$http.post(this.defines.goodsDynamic, {
						uid: window.uid,
						dy_id:this.$route.query.dy_id,
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							
							if(data.data.success){
								this.getDynamicList()
							}
							else{
								Toast(data.data.errmsg);
							}
						},
						(error) => {
							console.log(error);
						}
					);
        	},
        	fh(){
        		window.history.go(-1);
        	},
        	messageClick(data,type){
        		this.messageDataType=type;
        		this.messageData=data;
        		this.show=true;
        	},
        	message(Type){
        		if(Type==5){
        			this.$http.post(this.defines.setUserGag, {
						uid: window.uid ,
						b_uid:this.messageData.uid,
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							if(data.data.success){
								this.show=false;
						        Toast('设置成功');
						        this.getDynamicList();
							}
							else{
								Toast(data.data.errmsg);
							}
					        
						},
						(error) => {
							Toast(error);
						}
					);
        			return false;
        		};
        		if(Type==6){
        			this.$http.post(this.defines.setUserFrozen, {
						uid: window.uid ,
						b_uid:this.messageData.uid,
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							if(data.data.success){
								this.show=false;
						        Toast('设置成功');
						        this.getDynamicList();
							}
							else{
								Toast(data.data.errmsg);
							}
					        
						},
						(error) => {
							Toast(error);
						}
					);
        			return false;
        		};
        		if(Type==7){
        			this.$http.post(this.defines.delDynamic, {
						uid: window.uid ,
						dy_id:this.messageData.d_id,
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							if(data.data.success){
						        Toast('删除成功');
						        this.$router.push({
									path: '/dongtai',
									query:{
										qidong:true
									}
								})
							}
							else{
								Toast(data.data.errmsg);
							}
					        
						},
						(error) => {
							Toast(error);
						}
					);
        			return false;
        		};
        		if(Type==4){
        			this.$router.push({
						path: '/dtjb',
						query:{
							'data':JSON.stringify(this.messageData)
						}
					})
        			return false;
        		}
        		this.$http.post(this.defines.setUserShield, {
						uid: window.uid ,
						b_uid:this.messageData.uid,
						type:Type
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							if(data.data.success){
								this.show=false;
						        Toast('设置成功');
						        this.getDynamicList();
							}
							else{
								Toast(data.data.errmsg);
							}
					        
						},
						(error) => {
							Toast(error);
						}
					);
        	},
        	yybftrue(url){
				
				
				if(!this.data.music_data.yybfTrue){
					this.yybfTrue=true;
					
					if(this.data.music_data){
						this.$set(this.data.music_data,'yybfTrue',true)
					}
					let borswer = window.navigator.userAgent.toLowerCase();  
					setTimeout(()=>{
						if ( borswer.indexOf( "ie" ) >= 0 )  
			            {  
			                var embed = document.getElementById( "embedPlay" );  ;  
			               embed.src=url;
			               embed.volume = 100;
			                embed.play();  
			            } else  
			            {  
			  				let auto = document.getElementById('audioPlay');
			                auto.src=url;
			                auto.play();
			            }  
					},0)
					
				}
				else{
					this.yybfTrue=false;
					this.$set(this.data.music_data,'yybfTrue',false)
					let borswer = window.navigator.userAgent.toLowerCase();  
					if ( borswer.indexOf( "ie" ) >= 0 )  
			            {  
			                var embed = document.getElementById( "embedPlay" );  ;  
			                embed.volume = 100;  
			                embed.pause(); 
			            } else  
			            {  
			  				let auto = document.getElementById('audioPlay');
			                auto.pause();
			            }  
				}
				
			},
        	fb(){
        		this.$router.push({
					path: '/dtdatil',
				})
        	},
        	getDynamicList(){
        		let  loading=this.$loading({
		          lock: true,
		          text: 'Loading',
		          spinner: 'el-icon-loading',
		          background: 'rgba(255, 255, 255, 1)'
		        });
        		this.$http.post(this.defines.getDynamicDetail, {
						uid: window.uid,
						dy_id:this.$route.query.dy_id,
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							this.data=data.data.data.list;
							loading.close();
						},
						(error) => {
							console.log(error);
						}
					);
        	},
            chose_i(type) {
				if(this.choseI == type){
					return false
				}
				else{
					this.choseI = type;
				}
				this.num=1;
				this.getDynamicList()
				
			},
        }
    }
</script>
<style>
	
</style>
<style scoped>
	.dtdatil_title {
		text-align: center;
		color: #1c1c1c;
		font-size: 1.6rem;
		line-height: 1.6rem;
		padding: 3% 0;
		border-bottom: 1px solid #e5e5e5;
	}
	
    .homePage_title {
		width: 100%;
		padding: 3% 0;
		position: relative;
		background: #fff;
		border-bottom: 1px solid #e5e5e5;
	}
	
	.homePage_title span {
		color: #505050;
		font-size: 1.5rem;
		margin: 0 3%;
		padding-bottom: 4px;
	}
	
	.homePage_titleActive {
		font-size: 1.8rem !important;
		color: #b042ff !important;
		position: relative;
	}
	
	.homePage_titleActive:after {
		position: absolute;
		bottom: -1px;
		left: 0;
		content: '';
		width: 100%;
		height: 0px;
		border-radius: 2px;
		border: 1.5px solid #b042ff;
	}
	
	.homePage_titleImg {
		width: 1.7rem;
		position: absolute;
		right: 2.8%;
		top: 50%;
		margin-top: -0.85rem;
	}
	 .xiaoxi2{
    	width: 93%;
    	padding: 2% 3.5%;
    }
    .xiaoxi2_img{
    	width: 3.5rem;
    	height: 3.5rem;
    	border-radius: 5rem;
    	overflow: hidden;
    	margin-right: 4%;
    	position: relative;
    	
    }
    .xiaoxi2_img img{
    	width: 3.5rem;
    	height: 3.5rem;
    	object-fit:cover;
    	display: block;
    }
    .xiaoxi2_d1{
    	height: 2rem;
    	line-height: 2rem;
    }
    .xiaoxi2_p1{
    	font-size: 1.3rem;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    }
    .xiaoxi2_p2{
    	color: #8f8f8f;
    	font-size: 1.2rem;
    }
    .xiaoxi2_d2{
    	height: 2.5rem;
    	color: #4a4a4a;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	font-size: 1.2rem;
    	line-height: 2.5rem;
    	width: 100%;
    	
    }
    .yybf{
		width: 5rem;
		height: 5rem;
		background: rgba(0,0,0,0.3);
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		color: #fff;
	}
	.yybf .el-icon-caret-right{
		font-size: 3rem;
		border-radius: 100px;
		display: inline-block;
		width: 32px;
		height: 32px;
	}
	.autobf{
		border-right: 5px solid #fff;
		border-left: 5px solid #fff;
		box-sizing: border-box;
		display: block;
		width: 16px;
		height: 16px;
		margin: 8px;
	}
    .xiaoxi2_d3{
    	white-space: nowrap;
    	float: left;
    	padding: 0 2px;
    	margin-right: 8px;
    	color: #fff;
    	font-size: 12px;
    	border-radius: 3px;
    }
    .xiaoxi2_d3 img{
    	height: 10px;
    	margin-top: -2px;
    	margin-right: 4px;
    }
    .dt_text{
    	overflow: hidden;
    	font-size: 1.5rem;
    	line-height: 24px;
    	color: #323333;
    	position: relative;
    	-webkit-flex-wrap:wrap;
	    -webkit-box-lines:multiple;
	    -moz-flex-wrap:wrap;
	    flex-wrap:wrap;
    }
    
    .dt_text span{
    	color: #4297ff;
    	position: absolute;
    	background: #fff;
    	right: 0;
    	bottom: 0;
    }
    .dt_img{
    	width: 100%;
    }
    .imgone{
    	width: 50% !important;
    }
    .dt_imgdiv{
    	display: block;
    	float: left;
    	width: 32%;
    	object-fit: cover;
    	margin: 0 0 1rem 0;
    }
    .dt_imgdiv:nth-child(3n-1){
    	margin: 0 2% 1rem 2%;
    }
    .dt_img img{
    	width: 100%;
    	display: block;
    	object-fit: cover;
    }
    .dt_location{
    	font-size: 1.3rem;
    	margin-bottom: 1rem;
    	color: #4297ff;
    	
    }
    .dt_location i{
    	color: #ff4242;
    }
    .dt_stus{
    	width: 100%;
    	margin-top: 0.3rem;
    	border-top: 1px solid #f1f1f1;
    	height: 3rem;
    	color: #8f8f8f;
    	font-size: 1.2rem;
    }
    .dt_stusd2{
    	margin-left: 1.5rem;
    	white-space: nowrap;
    	height: 2.5rem;
    	color: #8f8f8f;
    	
    }
    .dt_stusd2 img{
    	height: 1.4rem;
    	margin-right: 0.5rem;
    	
    }
    .dt_people{
    	overflow: hidden;
    	width: 100%;
    }
    .dt_peopled1{
    	box-sizing: border-box;
    	padding: 1rem 0;
    	width: 100%;
    	
    }
    .dt_peopleimg{
    	height: 3rem;
    	width: 3rem;
    	float: left;
    	border-radius: 4rem;
    	overflow: hidden;
    	margin: 0 0.5rem 0 0;
    }
     .dt_peopleimg img{
    	display: block;
    	float: left;
    	width: 3rem;
    	height: 3rem;
    	object-fit: cover;
    }
    .dt_peopletext{
    	float: left;
    }
    .dt_peoplep1{
    	font-size: 1.2rem;
    	color: #a9a9a9;
    	line-height: 1.5rem;
    }
    .dt_peoplep2{
    	font-size: 1.3rem;
    	color: #505050;
    	line-height: 2rem;
    }
    .dt_peoplep2 img{
    	height: 24px;
    	vertical-align: middle;
    	
    }
    .dt_more{
    	padding: 1.5rem 0.5rem 0.2rem 0.5rem;
    	width: 100%;
    	font-size: 1.4rem;
    	box-sizing: border-box;
    	color: #4297ff;
    	
    	
    }
    .hui{
    	background: #d1d1d1 !important;
    }
    .messagelist{
		width: 100%;
		padding: 0 2%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 3;
		box-sizing: border-box;
	}
	.messagelistd{
		width: 100%;
		overflow: hidden;
		border-radius: 1rem;
		background: #fff;
		opacity: 1;
		margin-bottom: 0.5rem;
	}
	.messagelistd p{
		font-size: 1.5rem;
		height: 4rem;
		color: #4297ff;
		line-height: 4rem;
		text-align: center;
		border-bottom: 1px solid #e7e9ee;
	}
	.messagelistd p:nth-last-child(1){
		border: 0;
	}
	.messagelistshow{
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 2;
	}
	.dt2_footer{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 93%;
		padding: 0.5rem 3.5%;
		background: #f7f7f7;
		border-top: 1px solid #dadada;
	}
	.dt2_footerinput{
		border: 1px solid #e0e0e0;
		border-radius: 0.3rem;
		box-sizing: border-box;
		padding: 0 0.5rem;
		
		color: #d1d1d1;
		height: 3rem;
		background: #fff;
		overflow: hidden;
		margin-right: 0.5rem;
	}
	.dt2_footerinput input{
		height: 100%;
		width: 100%;
		font-size: 1.5rem;
	}
	.dt2_footerinput input::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #8f8f8f;
	}
	
	.dt2_footerinput input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #8f8f8f;
	}
	
	.dt2_footerinput input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #8f8f8f;
	}
	
	.dt2_footerinput input:-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #8f8f8f;
	}
	.dt2_footerinput input{
		border: 0;
	}
	.dt2_footerinput i{
		font-size: 2rem;
		margin-right: 0.5rem;
	}
	.dt2_footerimg{
		height: 3rem;
		padding: 0 0 0 0.5rem;
	}
	.dt2_footerimg img{
		display: block;
		height: 100%;
	}
	.hui2{
		color: #d1d1d1 !important;
	}
	.biaoqingdiv2 {
		
		float: left;
		margin: 5px 10px;
	}
	
	.biaoqingdiv2 img {
		width: 24px;
		height: 24px;
	}
</style>
<style type="text/css">
	.dt_text img{
		height: 24px;
    	vertical-align: middle;
	}	
	.dt_peoplep2 img{
    	height: 24px;
    	vertical-align: middle;
    	
    }
	.dt_peoplep2 img{
		height: 1.5rem;
	}
	.mint-swipe-indicator.is-active {
	    background: #007aff !important;
	    opacity: 1 !important;
	}
</style>